<template lang='pug'>
  .page
    .lzw-section
      .tab-title
        .font-14(v-for="(item,index) in navArr" :key="index" :class="tabIndex === index ? 'active' : ''" @click="chooseNav(index)") {{item}}
      .tab-container.pt-20
        workersPlan(v-show="tabIndex === 0")
        minePlan(v-show="tabIndex === 1")
          
</template>

<script>
import workersPlan from './components/workersPlan.vue'
import minePlan from './components/minePlan.vue'

export default {
  name:'work-schedule',
  data () {
    return {
      navArr: ['周计划', '我的计划'],
      tabIndex: 0,
      userName: ''
    }
  },

  components: {
    workersPlan,
    minePlan
  },
  watch: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {
    chooseNav (index) {
      if (index === this.tabIndex) {
        return false
      } else {
        this.tabIndex = index
      }
    }
  }


}

</script>
<style lang='less' scoped>

</style>